
@font-face {font-family: "iconfont";
  src: url('iconfont/iconfont.eot?t=1470207592'); /* IE9*/
  src: url('iconfont/iconfont.eot?t=1470207592#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('iconfont/iconfont.woff?t=1470207592') format('woff'), /* chrome, firefox */
  url('iconfont/iconfont.ttf?t=1470207592') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('iconfont/iconfont.svg?t=1470207592#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  position: relative;
  font-size: 16px;
  top: 1px;
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

.icon-globe:before { content: "\e602"; }
.icon-weixin:before { content: "\e61e"; }
.icon-besom:before { content: "\e603"; }
.icon-creditcard:before { content: "\e604"; }
.icon-android:before { content: "\e616"; }
.icon-cny:before { content: "\e605"; }
.icon-calendar:before { content: "\e62b"; }
.icon-chart:before { content: "\e606"; }
.icon-creditcard1:before { content: "\e608"; }
.icon-iphone:before { content: "\e61b"; }
.icon-paperclip:before { content: "\e609"; }
.icon-channel:before { content: "\e613"; }
.icon-edit:before { content: "\e60b"; }
.icon-mobile:before { content: "\e60c"; }
.icon-thlist:before { content: "\e60d"; }
.icon-caretdown:before { content: "\e60e"; }
.icon-caretup:before { content: "\e60f"; }
.icon-menu-right:before { content: "\e610"; }
.icon-menu-left:before { content: "\e611"; }
.icon-search:before { content: "\e614"; }
.icon-lock:before { content: "\e615"; }
.icon-link:before { content: "\e617"; }
.icon-landline:before { content: "\e618"; }
.icon-remove:before { content: "\e61a"; }
.icon-home:before { content: "\e61c"; }
.icon-warningsign:before { content: "\e61f"; }
.icon-tags:before { content: "\e621"; }
.icon-minus:before { content: "\e619"; }
.icon-plus:before { content: "\e612"; }
.icon-business:before { content: "\e624"; }
.icon-layout:before { content: "\e625"; }
.icon-warningsign-circle:before { content: "\e620"; }
.icon-message:before { content: "\e622"; }
.icon-history:before { content: "\e627"; }
.icon-time:before { content: "\e628"; }
.icon-user:before { content: "\e626"; }
.icon-desktop:before { content: "\e600"; }
.icon-xiaoxi:before { content: "\e601"; }
.icon-zhanghu:before { content: "\e607"; }
.icon-dingdan:before { content: "\e60a"; }
.icon-lianxikefu:before { content: "\e61d"; }
.icon-rizhi:before { content: "\e623"; }
.icon-setting:before { content: "\e629"; }
.icon-sousuo:before { content: "\e62a"; }
.icon-question-sign:before { content: "\e62c"; }
.icon-gaojishezhi:before { content: "\e62d"; }
.icon-order:before { content: "\e62e"; }
.icon-off:before { content: "\e62f"; }
.icon-download:before { content: "\e630"; }
.icon-new {
    position: absolute;
    top: 3px;
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url(./image/ico-new.png) no-repeat;
}
.icon-new-us {
    position: absolute;
    top: 3px;
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url(./image/ico-new-e.png) no-repeat;
}
.icon-waste {
    position: absolute;
    width: 18px;
    height: 18px;
    background: url(image/waste.png) no-repeat;
    background-size:contain ;
}
.icon-sound {
    width: 18px;
    height: 18px;
    background: url(image/sound.png) 0 3px no-repeat;
    background-size: contain;
}   
.icon-memo {
    width: 16px;
    height: 20px;
    background: url(image/memo.png) 0 0 no-repeat;
    -webkit-background-size: contain;
    background-size: 16px 15px;
}     
.icon-warn {
    width: 16px;
    height: 22px;
    background: url(image/warn.png) 0 0 no-repeat;
    -webkit-background-size: contain;
    background-size: 16px 15px;
}  
.icon-tixing {
    width: 16px;
    height: 40px;
    background: url(image/tixing.png) 0 12px no-repeat;
    -webkit-background-size: contain;
    background-size: 16px 15px;
} 
.icon-attestation {
    position: absolute;
    top: 10px;
    left: 45px;
    display: block;
    width: 16px;
    height: 16px;
    background: url(./image/attestation.png) no-repeat;
    background-size:16px 16px ;
}
.icon-serve {
    width: 16px;
    height: 16px;
    background: url(image/serve01.png) center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    top: 3px;    
} 
.icon-charity{
    width: 16px;
    height: 16px;
    background: url(image/charity01.png) center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    top: 3px;    
}
.active .icon-charity{
    background: url(image/charity02.png) center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}
.icon-bookkeeping{
    width: 16px;
    height: 16px;
    background: url(image/bookkeeping01.png) center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    top: 3px;    
}
.active .icon-bookkeeping{
    background: url(image/bookkeeping02.png) center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}
.glyphicon-credit-qrbcard{
    width: 16px;
    height: 16px;
    background: url(image/qrb-icon.png) center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    top: 2px;    
}
.new-icon-order{
    width: 16px;
    height: 16px;
    background: url(image/new-icon-order.png) center no-repeat;
    background-size: contain;
    top: 2px;    
}
.new-icon-setting{
    width: 16px;
    height: 16px;
    background: url(image/new-icon-setting.png) center no-repeat;
    background-size: contain;
    top: 2px;    
}
.new-icon-serve{
    width: 16px;
    height: 16px;
    background: url(image/new-icon-serve.png) center no-repeat;
    background-size: contain;
    top: 2px; 
}
#doc-side-main-menu .glyphicon{
    width: 16px;
    height: 16px;
}
.booking-icon-basic{
    background: url(image/booking-icon-basic.png) center no-repeat;
    background-size: contain;
    top: 3px;  
}
.active .booking-icon-basic{
    background: url(image/booking-icon-basic-in.png) center no-repeat;
}
.booking-icon-picture{
    background: url(image/booking-icon-picture.png) center no-repeat;
    background-size: contain;
    top: 3px;  
}
.active .booking-icon-picture{
    background: url(image/booking-icon-picture-in.png) center no-repeat;
}
.booking-icon-type{
    background: url(image/booking-icon-type.png) center no-repeat;
    background-size: contain;
    top: 3px;  
}
.active .booking-icon-type{
    background: url(image/booking-icon-type-in.png) center no-repeat;
}
.booking-icon-live{
    background: url(image/booking-icon-live.png) center no-repeat;
    background-size: contain;
    top: 3px;  
}
.active .booking-icon-live{
    background: url(image/booking-icon-live-in.png) center no-repeat;
}
.booking-icon-pay{
    background: url(image/booking-icon-pay.png) center no-repeat;
    background-size: contain;
    top: 3px;  
}
.active .booking-icon-pay{
    background: url(image/booking-icon-pay-in.png) center no-repeat;
}
.booking-icon-order{
    background: url(image/booking-icon-order.png) center no-repeat;
    background-size: contain;
    top: 3px;  
}
.active .booking-icon-order{
    background: url(image/booking-icon-order-in.png) center no-repeat;
}
.serve-icon-interface{
    background: url(image/serve-icon-interface.png) center no-repeat;
    background-size: contain;
    top: 3px;  
}
.active .serve-icon-interface{
    background: url(image/serve-icon-interface-in.png) center no-repeat;
}
.serve-icon-app{
    background: url(image/serve-icon-app.png) center no-repeat;
    background-size: contain;
    top: 3px;  
}
.active .serve-icon-app{
    background: url(image/serve-icon-app-in.png) center no-repeat;
}
.new-icon-customer{
    background: url(image/new-icon-customer.png) center no-repeat;
    background-size: contain;
    top: 3px;  
}
.active .new-icon-customer{
    background: url(image/new-icon-customer-in.png) center no-repeat;
}
.new-icon-push{
    background: url(image/new-icon-push.png) center no-repeat;
    background-size: contain;
    top: 3px;  
}
.active .new-icon-push{
    background: url(image/new-icon-push-in.png) center no-repeat;
}
.booking-icon-coupon{
    background: url(image/booking-icon-coupon.png) center no-repeat;
    background-size: contain;
    top: 3px;  
}
.active .booking-icon-coupon{
    background: url(image/booking-icon-coupon-in.png) center no-repeat;
}